<seed-content class="gray-background">
  <seed-toolbar-header>
    <seed-toolbar-title>查看测试成绩</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="student-info seed-underline">
    <div class="icon-box">
      <!--<seed-avatar class="headerImg" [lazyLoadAvatar]="studentInfo?.headPicture"></seed-avatar>-->
      <img class="headerImg" [src]="studentInfo?.headPicture||defaultIcon">
    </div>
    <div class="right-info">
      <p>{{studentInfo?.name}}</p>
      <p class="age">{{studentInfo?.age}}</p>
      <p class="nian">年龄</p>
    </div>
  </div>
  <div class="ages">
    <div class="seed-right-arrow">
      <span>年龄组</span>
      <select dir="rtl" class="age-name" [ngModel]="curAge?.id" (ngModelChange)="changeSelect($event)">
        <option *ngFor="let option of ageList;" [value]="option?.id">{{option?.ageType}}</option>
      </select>
    </div>
  </div>

  <!--<select-list *ngIf="ageList" [options]="ageList"  [selected]="curAge?.id"></select-list>-->
  <div class="train-title">
    <div class="title-text">最近测试成绩</div>
    <div class="rank-exp" (click)="showTips()">评级解释</div>
  </div>
  <div class="item-names seed-underline">
    <p>重点维度</p>
    <p>测试方式</p>
    <p class="result">测试时间&结果</p>
  </div>
  <div class="scores-list" *ngIf="categoryList.length>0">
    <ul>
      <li class="score-item seed-underline" *ngFor="let item of categoryList">
        <div class="text-ellipsis">{{item?.testModeName}}</div>
        <div class="text-ellipsis" [class.drop_down]="false"
             [routerLink]="['/train/teacher/score-criteria/']"
             [queryParams]="{
               testItemText: item?.testModeName,
               testItemId:  item?.testModeId,
               ageGroupText: curAge?.ageType,
               ageGroupId: curAge?.id,
               testContentId: item?.lastScore[0]?.testMethodId
             }">
          <!--<select [ngModel]="curStudentScore?.id">-->
          <!--<option *ngFor="let score of item?.lastScore" [value]="score?.id">{{score?.testMethodName}}</option>-->
          <!--</select>-->
          {{item?.lastScore[0]?.testMethodName}}
        </div>
        <div class="result" *ngIf="item?.lastScore[0]?.testScore"
             [routerLink]="['/train/parent/single-test-scores', studentInfo?.id, curAge?.id, item?.testModeId,item?.lastScore[0]?.testMethodId]"
             [queryParams]="{
               testItemText: item?.testModeName,
               ageGroupText: curAge?.ageType,
               testMethodName: item?.lastScore[0]?.testMethodName
             }">
          <p class="date">{{item?.lastScore[0]?.testDate | date: "yyyy-MM-dd"}}</p>
          <p *ngIf="item?.lastScore[0]?.testScoreLevel">
            <span *ngIf="item?.lastScore[0]?.testScoreType===1">{{item?.lastScore[0]?.testScore}}{{item?.lastScore[0]?.testScoreDesc}}（{{item?.lastScore[0]?.testScoreLevel}}）</span>
            <span *ngIf="item?.lastScore[0]?.testScoreType===0">{{item?.lastScore[0]?.testScoreLevel}}（{{item?.lastScore[0]?.testScoreLevel}}）</span>
          </p>
        </div>
        <div *ngIf="!item?.lastScore[0]?.testScore">
          <p class="no-result">暂无成绩</p>
        </div>
      </li>
    </ul>
  </div>
  <seed-default-graph *ngIf="categoryList.length===0" [text]="'暂无测试成绩数据'"></seed-default-graph>
  <seed-modal #tipsContent [content]="content">
    <div class="seed-modal-content tips-text-box">
      <div class="text-content">
        <div class="tips-text">
          姚明篮球俱乐部通过定期对于七个重点维度的评测，全方位的评估各青少年篮球运动员的运动概况以及针对于这些重点维度的技巧掌握情况，应用专业的评测方式，可量化的表示球员的各项篮球能力。
          <p>评级解释：</p>
          <div>A+&nbsp;&nbsp;&nbsp;卓越</div>
          <div>A&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;精通</div>
          <div>B&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;良好</div>
          <div>C&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;掌握</div>
          <div>D&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;待提高</div>
        </div>
        <div class="Ikown border-top" (click)="closeTips()">我知道了</div>
      </div>
    </div>
  </seed-modal>
</seed-content>
